<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>系统首页</title>
<!--  <link href="css/style.css" rel="stylesheet" type="text/css" />-->
  <script src="js/jquery.js"></script>
</head>

<body>
<div class="place">
  <span>位置：</span>
  <ul class="placeul">
    <li><a href="#">首页</a></li>
  </ul>
</div>

<div class="mainindex">

  <div class="welinfo">
    <b>Admin早上好，欢迎使用信息管理系统</b>(admin@uimaker.com)
    <a href="#">帐号设置</a>
  </div>

  <div class="welinfo">
    <i>您上次登录的时间：2013-10-09 15:22</i> （不是您登录的？<a href="#">请点这里</a>）
  </div>

  <div class="xline"></div>

  <ul class="iconlist">
    <li><p><a href="#">管理设置</a></p></li>
    <li><p><a href="#">发布文章</a></p></li>
    <li><p><a href="#">数据统计</a></p></li>
    <li><p><a href="#">文件上传</a></p></li>
    <li><p><a href="#">目录管理</a></p></li>
    <li><p><a href="#">查询</a></p></li>
  </ul>

  <div class="ibox"><a class="ibtn">添加新的快捷功能</a></div>

  <div class="xline"></div>
  <div class="box"></div>

  <div class="welinfo">
    <b>信息管理系统使用指南</b>
  </div>

  <ul class="infolist">
    <li><span>您可以快速进行文章发布管理操作</span><a class="ibtn">发布或管理文章</a></li>
    <li><span>您可以快速发布产品</span><a class="ibtn">发布或管理产品</a></li>
    <li><span>您可以进行密码修改、账户设置等操作</span><a class="ibtn">账户管理</a></li>
  </ul>

  <div class="xline"></div>

  <div class="uimakerinfo"><b>查看网站使用指南，您可以了解到多种风格的B/S后台管理界面,软件界面设计，图标设计，手机界面等相关信息</b></div>

  <ul class="umlist">
    <li><a href="#">如何发布文章</a></li>
    <li><a href="#">如何访问网站</a></li>
    <li><a href="#">如何管理广告</a></li>
    <li><a href="#">后台用户设置(权限)</a></li>
    <li><a href="#">系统设置</a></li>
  </ul>

</div>
</body>
</html>